﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>注册or登录</title>

<link rel="stylesheet" href="CSS/css2/style.css">

</head>
<body>

    <div class="main">
      <div class="container a-container" id="a-container">
        <form class="form" id="a-form" method="" action="">
          <h2 class="form_title title">会员注册</h2>
          <div class="form__icons"><img class="form__icon" src="images/QQ.svg" alt=""><img class="form__icon" src="images/2.svg"></div><span class="form__span">or use email for registration</span>
          <input class="form__input" type="text" placeholder="Name">
          <input class="form__input" type="text" placeholder="QQ ID">
          <input class="form__input" type="password" placeholder="QQ Password">
          <a href="首页.html" target="_blank"><button class="form__button button submit">注册</button>
			<input type="button" value="我是一个按钮" οnclick="javascrtpt:window.location.href='http://blog.sina.com.cn/mleavs'"></a>
        </form>
      </div>
      <div class="container b-container" id="b-container">
        <form class="form" id="b-form" method="" action="">
          <h2 class="form_title title">会员登录</h2>
          <div class="form__icons"><img class="form__icon" src="images/QQ.svg"></div><span class="form__span">or use your email account</span>
          <input class="form__input" type="text" placeholder="QQ ID">
          <input class="form__input" type="password" placeholder="QQ Password"><a class="form__link">忘记密码?</a>
			<a href="首页.html"><input type="button" value="我是一个按钮" 
οnclick="javascrtpt:window.location.href='http://blog.sina.com.cn/mleavs'">
<button class="form__button button submit">登录</button>
		</a>
        </form>
      </div>
      <div class="switch" id="switch-cnt">
        <div class="switch__circle"></div>
        <div class="switch__circle switch__circle--t"></div>
        <div class="switch__container" id="switch-c1">
          <h2 class="switch__title title">Welcome Back !</h2>
          <p class="switch__description description">To keep connected with us please login with your personal info</p>
          <button class="switch__button button switch-btn">登录</button>
        </div>
        <div class="switch__container is-hidden" id="switch-c2">
          <h2 class="switch__title title">Hello Friend !</h2>
          <p class="switch__description description">Enter your personal details and start journey with us</p>
          <button class="switch__button button switch-btn">注册</button>
        </div>
      </div>
    </div>

  <script  src="JS/js2/script.js"></script>

</body>
</html>

